<?php 

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript" src="jquery-1.5.2.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Acesso</title>
</head>
<script language="javascript">
$(document).ready(function(){
	$("#entrar").click(function(){
		limparformErro();
		var pagina = $(this).attr("href");
		
		var usuario = $("#login").attr("value");
		var senha = $("#senha").attr("value");
		var confirmacao = true;
		var mensagem = "<li class='errosFormsTextoLi'>Os campos seguintes tem restrições:</li>";
		
		if(usuario.length == 0){
			confirmacao = false;
			mensagem = mensagem + "<li class='errosFormsTextoLi'>Usuário deve ter 3 dígitos. </li>";
		}
		if(usuario.length == 0){
			confirmacao = false;
			mensagem = mensagem + "<li class='errosFormsTextoLi'>A senha deve ter 6 dígitos. </li>";
		}
		
		if(confirmacao == true){
			$.post(pagina, {txtMatricula: usuario, txtSenha: senha}, function(resposta) {
				
            	 $(window.document.location).attr('href',resposta);
			   
            	});
		
		}else{
			
			$("#errosForms").append(mensagem);	
			$('#errosForms').slideToggle('slow');
			mensagem = ""; 
		}
		
		return false;
	
		
	});
	function limparformErro(){
		var t = $('#errosForms').css('display');
		if(t == "block"){
			$('#errosForms').slideToggle('slide');
		}
		$('#errosForms').each(function(){
			$("li").remove();
	  	});
	}
	
});

</script>
<style type="text/css">
body{
	z-index: 0;
}
#Principal{
	background-image: url(imagens/login3.jpg);
	width: 800px;
	height: 560px;
	margin-left: 406px;
	margin-top: -34px;
	z-index: 1;
}
input.usuario{
	margin-left: 223px;
	margin-top: 279px;
	
}
input.senha{
	margin-left: 223px;
	margin-top: 24px;
	display: block;
	
}
img.ok{
	margin-top: 15px;
	margin-left: 364px;
}
#errosForms{
	width: 220px;
	height: 350px;
	z-index: 2;
	display: none;
	position: absolute;
	margin-left: 960px;
	margin-top: -430px;
	background-image: url(imagens/diverros2.png);
	font-size: 12px;

}
#errosForms p.errosFormsTexto{
	color: #F00;
	margin-top: 70px;
}
#errosForms li.errosFormsTextoLi{
	color: #F00;
	margin-top: 5px;
	margin-left: 20px;
	list-style-type: none;	
}
</style>
<body>
<div id="Principal">
<input id="login" name="login" class="usuario" type="text" size="27" maxlength="20" />
<input id="senha" name="senha" class="senha" type="password" size="27" maxlength="6" />
<a id="entrar" href="paginaReceberDados/login.php"><img class="ok" src="imagens/butaoOK2.png" alt="Entrar" title="Entrar" /></a>
</div>
<div id="errosForms">
<p class="errosFormsTexto">
</p>
</div>
<?php
if(isset($_GET["erro"])){
	echo "Dados Incorretos";
}
?>
</body>
</html>
